.top{
    height: 55px;
    border-bottom: 1px solid transparent;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
/**/

/* content */
.content{
    margin-top: 100px;
}
.content-wrapper{
    width: 100%;
    display: flex;
    justify-content: center;
}
.content-wrapper .content-inner{
    width: 1000px;
    display: flex;
    justify-content: flex-start;
    flex-flow: row;
}
.content-wrapper .content-inner .content-left{
    height: 500px;
    width: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid gray; */
}
.content-wrapper .content-inner .content-left img{
    display: block;
}
.content-wrapper .content-inner .content-right{
    padding: 5px 5px;
    width: 400px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.content-wrapper .content-inner .content-right div{
    padding: 5px 5px;
    display: flex;
    align-items: center;
    font-size: 15px;
}
.content-wrapper .content-inner .content-right input{
    width: 250px;
}
/* 用户输入提示 */
.content-wrapper .content-inner .content-right .hint{
    background-color: #f6f6f6;
    margin-bottom: 20px;
    height: 40px;
    display: none;
    align-items: center;
    justify-content: center;
    width: 274px;
}
.hint span{
    display: block;
}
/* 登陆按钮 */
.content-wrapper .content-inner .content-right .login-btn{
    width: 100%;
    padding-left: 21px;
}
.login-btn button{
    width: 250px;
}

/* 页脚 */
.footer{
    display: flex;
    margin-top: 25px;
    justify-content: center;
}
.footer-inner{
    width: 1000px;
    border-top: 1px solid #f6f6f6;
    padding-top: 10px;
    display: flex;
    justify-content: center;
}
.footer-inner span{
    display: block;
}